.bottom-tab {
  position: fixed;
  display: flex;
  width: 100%;
  height: 54PX;
  background: white;
  box-shadow: 0PX -5PX 10PX 0PX rgba(0, 0, 0, 0.03);
  bottom: 0;
  z-index: 9999;
  padding-bottom: calc(env(safe-area-inset-bottom) / 2.5);

  button.bottom-tab-item {
    background-color: transparent !important;
    line-height: initial !important;
    font-size: initial !important;
    border-radius: initial !important;
    margin-left: initial !important;
    margin-right: initial !important;
  }

  .bottom-tab-item {
    padding: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: none;

    &:after {
      border: none;
    }

    .bottom-tab-icon {
      max-width: 60px;

      .bottom-tab-icon-img {
        width: 40px;
        height: 40px;
      }
    }

    .bottom-tab-item-text {
      height: 14PX;
      line-height: 14PX;
      padding-top: 2px;
      font-size: 12PX;
      font-weight: 300;
      color: rgba(68, 68, 68, 1);
    }
  }
}

/* #ifdef tt */
.bottom-tab {
  padding-bottom: calc(env(safe-area-inset-bottom) / 2.5 + 12px) !important;
}
/* #endif */

.isBigIndexPage {
  margin: 0 40px 0;
  margin-bottom: calc(calc(env(safe-area-inset-bottom) / 2.5) + 30px);
  border-radius: 62px;
  width: -webkit-fill-available;
  border-top: none !important;
  padding: 0 !important;
  background: rgba(255, 255, 255, .98) !important;
  box-shadow: inherit;

  .bottom-tab-item-center {

    .bottom-tab-icon {
      top: -32% !important;
      max-width: inherit;

      .bottom-tab-icon-img{
        width: 62Px;
        height: 62Px;
      }
    }
  }

  .bottom-tab-icon {
    position: absolute;
    top: 10Px;
    left: 50%;
    transform: translateX(-50%);
  }

  .bottom-tab-item {
    position: relative;
  }

  .bottom-tab-item-text {
    z-index: 99;
    height: inherit;
    line-height: inherit;
    color: rgba(68, 68, 68, 1);
    position: absolute;
    font-size: 12Px;
    white-space: nowrap;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
  }
}

.tab-overlay{
  display: none;
}
